<!DOCTYPE html>
<html ng-app="app">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>App Name</title>
        <!-- TODO: 最后使用压缩包 -->
        <!-- ionic css -->
        <link href="css/ionic.css" rel="stylesheet">
        <link href="css/app.css" rel="stylesheet">

        <!-- ionic/angularjs scripts -->
        <script src="js/ionic.bundle.js"></script>
        <script src="js/angular/angular-resource.js"></script>

        <!-- cordova script (this will be a 404 during development) -->
        <!-- // <script src="cordova.js"></script> -->

        <!-- your app's script -->
        <script src="app/app.js"></script>
        <script src="app/services.js"></script>
        <script src="app/controllers.js"></script>
    </head>

    <body animation="slide-left-right-ios7">

        <!-- 侧边栏 -->
        <ion-side-menus>

            <!-- Center content -->
            <ion-side-menu-content drag-content="false">
        
                <!-- 头部栏容器 -->
                <ion-nav-bar type="bar-positive">
                    <!-- 后退 -->
                    <!-- <ion-nav-back-button class="button- button-clear ion-ios7-arrow-back"> </ion-nav-back-button> -->
                </ion-nav-bar>

                <!-- 内容容器加载模板 -->
                <ion-nav-view animation="slide-left-right"></ion-nav-view>

            </ion-side-menu-content>

            <!-- 侧边栏 -->
            <ion-side-menu side="left" width="200" >
                <!-- 侧边栏标题 -->
                <ion-header-bar class="bar-positive"> 
                    <h1 class="title"> List Center </h1>
                </ion-header-bar>

                <ion-content has-tabs="true">
                    <ion-list>
                        <a nav-clear menu-close href="#/welcome" class="item icon ion-person">welcome</a>
                        <a nav-clear menu-close href="#/list/index/1" class="item icon ion-ionic">list index</a>
                        <a nav-clear menu-close href="#/list/create" class="item">create list</a>
                        <a nav-clear menu-close href="#/help" class="item"> help </a>
                    </ion-list>
                </ion-content>

            </ion-side-menu>

        </ion-side-menus>
    </body>
</html>
